<!doctype html>
<html>
	<head>
		<meta charset="uft-8">
		<title></title>
		<style>
			#floor1_top{
				width:1000px;
				height:376px;
				float:left;
			}
			#fl1_top_left{
				width:611px;
				height:376px;
				float:left;
				margin-right:10px;
				/*margin-left:2px;*/
				border:1px solid red;
				background-image:url("images/itemCat/study_computer_img1.png");
				background-repeat:no-repeat;
				background-position:230px 12px;
				background-size:350px 350px;
				transition:2s;
			}
			#fl1_top_left>div{
				width:245px;
				height:232px;
				/*border:1px solid #00f;*/
				margin-top:68px;
				margin-left:36px;
			}
			.p1{
				color:#333;
				font-size:32px;
				margin-bottom:12px;
				font-family:"黑体";
				font-weight:lighter;
			}
			.p2{
				color:#666;
				font-size:12px;
				margin-bottom:12px;
			}
			.p3{
				color:#0aa1ed;
				font-size:24px;
				margin-bottom:12px;
				font-weight:bold;
			}
			#fl1_top_left>div>input{
				background-color:#0aa1ed;
				font-size:20px;
				color:#fff;
				/*把行级元素的显示模式变成块级*/
				display:block;
				width:132px;
				height:40px;
				font-family:"黑体";
			}
			#fl1_top_left:hover{
				background-size:380px 380px;

			}
		</style>
	</head>
	<body>
		<header></header>
		<div id="centent">
			<div id="floor1">
				<div id="floor1_top">
					<div id="fl1_top_left">
						<div>
							<p class="p1">灵越燃7000系列</p>
							<p class="p2">酷睿双核i5处理器|256GB SSD| 8GB内存
							<br>
                    英特尔HD显卡620含共享显卡内存
                
              </p>
							<p class="p3">￥4999.00</p>
							<input type="button" value="查看详情">
						</div>		
					</div>
					<div id="fl1_top_rigth"></div>
				</div>
				<div id="floor1_bottom"></div>
			</div>
			<div id="floor2"></div>
			<div id="floor3"></div>
		</div>
		<footer></footer>
	</body>
</html>